<template>
  <div>
      <!-- 1,静态页面 -->
      <ul>
          <li v-for="val in name">
              <h3>{{val}}</h3>
          </li>
      </ul>
      <!-- 2，注册点击事件 -->
      <button @click="btn">走一走</button>
  </div>
  
</template>

<script>
export default {
    data(){
        return{
            name:['美女','程序员','帅锅'],
            
        }
    },
    methods:{
        btn(){
            // this.name=this.name.reverse()
            // 3，处理事件程序
            this.name.push(this.name[0])
            this.name.shift()
        }
    }

}
</script>

<style>

</style>